 body{
    background-color:#F2F2F2 ;
  }
  .loginPage{
   position: relative;
   left: 0;
   top: 0;
   padding: 110px 0;
   min-height: 100%;
   box-sizing: border-box;
    .loginMain {
     width: 375px;
     margin: 0 auto;
     box-sizing: border-box;
       .title{
         text-align: center;
         padding: 20px;
         font-weight: 300;
         color: #999;
          h2{
            margin-bottom: 10px;
            font-weight: 300;
            font-size: 30px;
            color: #333;
          }
       }
      .loginfrom .login-tip{
          font-size: 10px;
          text-align: center;
          color: #c3c3c3;
      }
   }
       
  }
  



// .login{
//     width: 100%;
//     height: 100%;
//     background-image: url('../../assets/images/login-bg.jpg');
//     background-size: cover;
//     background-position: center;
//     position: relative;
//     &-con{
//         position: absolute;
//         right: 160px;
//         top: 50%;
//         transform: translateY(-60%);
//         width: 300px;
//         &-header{
//             font-size: 16px;
//             font-weight: 300;
//             text-align: center;
//             padding: 30px 0;
//         }
//         .form-con{
//             padding: 10px 0 0;
//         }
//         .login-tip{
//             font-size: 10px;
//             text-align: center;
//             color: #c3c3c3;
//         }
//     }
// }
